<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>帮助指南</title>
    <script src="../js/jquery.min.js"></script>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        li{
            list-style: none;
        }
        #fixNav{
            position: fixed;
            right: 10px;
            bottom: 50px;
            background-color: #cccccc;
            color: white;
            padding: 10px;
        }
        #fixNav li{
            cursor: pointer;
        }
        h1{
            text-align: center;
        }
        p{
            text-indent: 2em;
            margin-bottom: 10px;
        }
        img{
            display: block;
            width: 60%;
            margin: 10px auto;
        }
    </style>
</head>
<body>
<h1>新闻资讯帮助指南</h1>
<p>新闻资讯管理包括“新闻分类管理”和“新闻管理”。</p>
<p>新闻分类需要添加分类的名称和图片，图片要求最好是正方形的，无底色图片。最多只能添加4个新闻分类，超过4个会影响H5页面显示效果。</p>
<img src="img/addnewstype.png" alt="">
<p>添加新的新闻时，不能选择被禁用的新闻分类。</p>
<p>添加新闻的时候需要填写新闻的标题，新闻所属分类，新闻的副标题可以不填写。</p>
<img src="img/addnews.png" alt="">
<p>选择“显示到轮播”，那么该新闻会显示在页面中间的“新闻轮播栏位”。最多显示最近的5个轮播新闻。</p>
<p>选择“热门新闻”，那么该新闻会显示在“热门新闻栏位”。H5页面只会显示最近的3条热门新闻。</p>
<p>选择“显示”，那么该新闻仅会出现在“普通新闻栏位”，否则该新闻不会显示到H5页面。</p>
<img src="img/xinwenlanwei.png" alt="">
<p>“新闻内容”支持自定义编辑，也就是可以设置内容的排版，字体大小或颜色，图片的大小。H5页面的效果与编辑的效果是一致的。</p>
<p>“新闻图片”会显示到轮播图位置或热门新闻位置。</p>

<div id="fixNav">
    <ul>
        <li data-show="help1">关键配置</li>
        <li data-show="help2">内容管理</li>
        <li data-show="help3">专业管理</li>
        <li data-show="help4" style="color: #00b7ee;">新闻资讯管理</li>
        <li data-show="help5">网络接待老师</li>
        <li data-show="help6">权限设定</li>
    </ul>
</div>
</body>
<script>

    $("#fixNav li").click(function () {
        let s = $(this).attr("data-show");
        location.href = s+".html";
    })
</script>
</html>